﻿@model Mobile.Models.Party

@{
    ViewBag.Title = "AddSong";
}
   <div data-role="header" class="ui-header ui-bar-a" role="banner" data-theme='a'>
     <h1 class="ui-title" role="heading" aria-level="1"  style="color:Red"><strong>NEXTRACK</strong></h1>
         <div data-role="navbar" class="ui-navbar ui-mini" role="navigation">
                <ul>
                    <li>@Html.ActionLink("Playlist", "Playlist", "GuestUI")</li>
                    <li>@Html.ActionLink("Add Tune", "AddSong", "GuestUI")</li>
                    <li>@Html.ActionLink("Leave Party", "Index", "Home")</li>
                </ul>
         </div>
 </div>
        <section id="main" style="margin-top:20px">    
                <ul data-role="listview" data-filter="true" data-autodividers="true" data-inset="true" >
                    <p>
                    
                    </p>
                    @foreach (var song in Model.allSongs.OrderBy(s => s.Title + s.Artist))
                    {
                       <li>@Html.ActionLink(song.Title + " - " + song.Artist, "RequestSongButton", "GuestUI", new { songID = song.ID }, new { data_ajax = "false"})</li>
                    }
                </ul>
        </section>


        @* @Content.Song("UpvoteButton?songID="+ song.ID +"&partyID="+ Model.PartyID, song.Title, song.Artist, "plus", Url) *@